<!DOCTYPE html>
<html lang="en">
<head>
	<title>Axes | Typography</title>

	<meta charset="utf-8">

	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Lato:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
	
 	<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="css/lightbox.min.css" media="all"/>   
	<link rel="stylesheet" type="text/css" href="css/stroke-gap-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pe-icon-7-stroke.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/elegant-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen" />
	
	<link rel="shortcut icon" href="upload/favicon.ico" type="image/x-icon">
	<link rel="icon" href="upload/favicon.ico" type="image/x-icon">

</head>

<body>
	<!-- Preloader -->
	<div id="preloader">
	    <div id="status">&nbsp;</div>
	</div>

	<header>
	<!-- Navbar -->
	    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	    	<nav class="navigation">
		      	<div class="container">
			        <div class="navbar-header">
			        	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
				            <span class="sr-only">Toggle navigation</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
			        	</button>	        	 
						<!-- Logo -->
						<div class="logo">
				        	<a href="index.html">
				        		<img class="small-logo" src="upload/logo-dark.png" alt="logo">
				          	</a>
			        	</div>         
			        </div> <!-- end navbar-header -->

			        <div class="collapse navbar-collapse" id="navbar-collapse">
			          
			        	<ul class="nav navbar-nav navbar-right">

				          	<li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Home</a>
				                <ul class="dropdown-menu sub-menu">
				                	<li><a href="index.html">Multi-Page Demo</a></li>
				                	<li><a href="home-onepage.html">Onepage Demo</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Portfolio</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="portfolio-4-col.html">4 Columns</a></li>
				                	<li><a href="portfolio-3-col.html">3 Columns</a></li>
				                	<li><a href="portfolio-2-col.html">2 Columns</a></li>
				                	<li><a href="portfolio-single.html">Single Project</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown active">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Features</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="shortcodes.html">Shortcodes</a></li>
				                	<li><a href="typography.html">Typography</a></li>
				                	<li><a href="pricing.html">Pricing Tables</a></li>
				          	    </ul>
				            </li>
				            
				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Blog</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="blog-standard.html">Standard</a></li>
				                	<li><a href="blog-masonry.html">Masonry</a></li>
				                	<li><a href="blog-single.html">Single Post</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="services.html">Services</a></li>
				                	<li><a href="about-us.html">About Us</a></li>
				                	<li><a href="contact.html">Contact</a></li>
				                	<li><a href="404.html">404</a></li>
				          	    </ul>
				            </li>

				            <li>
				            	<div id="search">
				            		<i class="pe-7s-search search-trigger"></i>
				            	</div>
				            	<div class="search-bar">
					            	<div class="search-wrap">
										<form role="form">
										    <div class="form-group">
											    <input type="search" class="form-control searchbox" placeholder="Search">
									    	</div>
									    	<button type="submit" class="search-button"><i class="pe-7s-search"></i></button>
									    </form>
								    </div>
								</div>
				            </li>
				            <li><div id="cart"><a href="#" id="cart-trigger"><i class="pe-7s-shopbag"></i><span>5</span></a></div></li>		
			        	</ul> <!-- end menu -->
			        </div> <!-- end collapse -->    
	      		</div> <!-- end container -->
	      	</nav> <!-- end navigation -->
	    </nav> <!-- End Navbar -->
	</header>

	<div class="main-wrapper">

	<!-- Page Title -->
		<section id="page-title">
			<div class="container clearfix">
				<h1>Typography</h1>
				<ol class="breadcrumb">
					<li>
						<a href="index.html">Home</a>
					</li>
					<li>
						<a href="#">Pages</a>
					</li>
					<li class="active">
						Typography
					</li>
				</ol> <!-- end breadcrumbs -->
			</div> <!-- end container -->
		</section> <!-- end page title -->


		<!-- Headings -->
		<section class="section-headings">
			<div class="container">
				<div class="row">

					<div class="col-sm-6">
						<h1>Heading h1</h1>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div>

					<div class="col-sm-6">
						<h2>Heading h2</h2>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>						
					</div>

				</div> <!-- end row -->

				<div class="row">

					<div class="col-sm-6">
						<h3>Heading h3</h3>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div>

					<div class="col-sm-6">
						<h4>Heading h4</h4>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>						
					</div>

				</div> <!-- end row -->

				<div class="row">

					<div class="col-sm-6">
						<h5>Heading h5</h5>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div>

					<div class="col-sm-6">
						<h6>Heading h6</h6>
						<p class="mb0">Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>						
					</div>

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end headings -->

		<!-- Quotes -->
		<section class="section-blockquotes">
			<div class="container">
				<h2 class="text-center">Quotes</h2>
				<div class="row mt40">

					<div class="col-sm-6">
						<blockquote class="blockquote-style-1 mb30">
							<p>
								Incredible change happens in your life when you decide to take control of what you do have power over instead of craving control over what you don't.
							</p>
							<span>Steve Maraboli</span>
						</blockquote>
					</div>

					<div class="col-sm-6">
						<blockquote class="blockquote-style-2">
							<p>
								Incredible change happens in your life when you decide to take control of what you do have power over instead of craving control over what you don't.
							</p>
							<span>Steve Maraboli</span>
						</blockquote>					
					</div>

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end quotes -->


		<!-- Dropcaps -->
		<section class="section-dropcaps">
			<div class="container">
				<h2 class="text-center">Dropcaps</h2>
				<div class="row mt40">

					<div class="col-sm-6 mb30">
						<p><span class="dropcap style-1">A</span>
							xes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome clothes store with this Theme is easy than you can imagine. We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power and complexity that it literally staggers the imagination.
						</p>
					</div>

					<div class="col-sm-6">
						<p><span class="dropcap style-2">A</span>
							xes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome clothes store with this Theme is easy than you can imagine. We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power and complexity that it literally staggers the imagination.
						</p>				
					</div>

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end dropcaps -->


		<!-- Html Style -->
		<section class="section-html">
			<div class="container">
				<h2 class="text-center">Html Style</h2>
				<div class="row mt40 mb30">

					<div class="col-xs-12">
						<p>
							Axes Theme is a very slick and clean e-commerce <a href="#">text link</a> with endless possibilities. Creating an awesome <strong>bold text</strong> store with this Theme is easy than you can imagine. We possess within us two minds. So far I have written only of the <i>italic text</i>. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power and complexity that it literally bold text the imagination. We know that this subconscious mind controls and orchestrates our <span class="highlight">highlighted text</span> functions, from pumping blood to all parts of our body to egulating our breathing and digestion. We further know that the subconscious has recorded every event that has ever happened to us.
						</p>
					</div>

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end html style -->


		<!-- Bullets & Lists -->
		<section class="section-lists">
			<div class="container">
				<h2 class="text-center">Bullets &amp; Lists </h2>
				<div class="row mt40">

					<div class="col-sm-3 mb30">
						<ul class="bullets">
							<li>Axes Theme is a very slick</li>
							<li>Clean &amp; minimal design</li>
							<li>The best theme ever</li>
							<li>Super flexible template</li>
							<li>Tons of features</li>
						</ul>
					</div> <!-- end col -->

					<div class="col-sm-3 mb30">
						<ul class="arrows">
							<li><i class="arrow_carrot-right"></i> Axes Theme is a very slick</li>
							<li><i class="arrow_carrot-right"></i> Clean &amp; minimal design</li>
							<li><i class="arrow_carrot-right"></i> The best theme ever</li>
							<li><i class="arrow_carrot-right"></i> Super flexible template</li>
							<li><i class="arrow_carrot-right"></i> Tons of features</li>
						</ul>
					</div> <!-- end col -->

					<div class="col-sm-3 mb30">
						<ul class="checks">
							<li><i class="icon_check"></i> Axes Theme is a very slick</li>
							<li><i class="icon_check"></i> Clean &amp; minimal design</li>
							<li><i class="icon_check"></i> The best theme ever</li>
							<li><i class="icon_check"></i> Super flexible template</li>
							<li><i class="icon_check"></i> Tons of features</li>
						</ul>
					</div> <!-- end col -->

					<div class="col-sm-3">
						<ol class="numbers">
							<li>Axes Theme is a very slick</li>
							<li>Clean &amp; minimal design</li>
							<li>The best theme ever</li>
							<li>Super flexible template</li>
							<li>Tons of features</li>
						</ol>
					</div> <!-- end col -->

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end bullets & lists -->
		

		<!-- Columns -->
		<section class="section-columns">
			<div class="container">
				<h2 class="text-center">Columns </h2>

				<!-- 1/2 column -->
				<div class="row mt40">

					<div class="col-sm-6">
						<h6>1/2 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div> <!-- end col -->

					<div class="col-sm-6">
						<h6>1/2 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div> <!-- end col -->

				</div> <!-- end row -->
				
				<!-- 1/3 column -->
				<div class="row">

					<div class="col-sm-4">
						<h6>1/3 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div> <!-- end col -->

					<div class="col-sm-4">
						<h6>1/3 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div> <!-- end col -->

					<div class="col-sm-4">
						<h6>1/3 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div> <!-- end col -->

				</div> <!-- end row -->

				<!-- 1/4 column -->
				<div class="row">

					<div class="col-sm-3">
						<h6>1/4 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-3">
						<h6>1/4 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-3">
						<h6>1/4 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-3">
						<h6>1/4 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

				</div> <!-- end row -->

				<!-- 1/3 2/3 column -->
				<div class="row">

					<div class="col-sm-4">
						<h6>1/3 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div> <!-- end col -->

					<div class="col-sm-8">
						<h6>2/3 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine. Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div> <!-- end col -->

				</div> <!-- end row -->

				<!-- 1/4 3/4 column -->
				<div class="row">

					<div class="col-sm-3">
						<h6>1/4 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-9">
						<h6>3/4 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine. Axes Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
					</div> <!-- end col -->

				</div> <!-- end row -->

				<!-- 1/6 column -->
				<div class="row">

					<div class="col-sm-2">
						<h6>1/6 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-2">
						<h6>1/6 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-2">
						<h6>1/6 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-2">
						<h6>1/6 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-2">
						<h6>1/6 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

					<div class="col-sm-2">
						<h6>1/6 Column</h6>
						<p>Axes Theme is a very slick and clean e-commerce template with endless possibilities.</p>
					</div> <!-- end col -->

				</div> <!-- end row -->

			</div> <!-- end container -->
		</section> <!-- end columns -->


		<!-- Call to Action -->
		<section class="call-to-action style-2">
			<div class="container">
				<div class="row">

					<div class="col-sm-8">		
						<h2>Are you Ready to Enjoy? This is Call to Action</h2>
					</div><!-- end col -->
					
					<div class="col-sm-4">
						<a href="#" id="cta-button-solid" class="btn btn-large btn-rounded btn-light-solid">Buy Now</a>
					</div> <!-- end col -->

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end call to action -->

		
	<!-- Footer -->
		<footer id="footer">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">
						<div class="col-md-3">
							<div class="footer-about-us">
								<h5 class="heading-white">About Us</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.</p>
								<div class="social-icons">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a href="#"><i class="fa fa-twitter"></i></a>
									<a href="#"><i class="fa fa-google-plus"></i></a>
									<a href="#"><i class="fa fa-linkedin"></i></a>
									<a href="#"><i class="fa fa-pinterest-p"></i></a>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</div>
							</div>
						</div> <!-- end about us -->

						<div class="col-md-3">
							<h5 class="heading-white">Stay in Touch</h5>
							<div class="office-1">
								<p>New York office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
							<div class="office-2">
								<p>Melbourne office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
						</div> <!-- end stay in touch -->

						<div class="col-md-3">
							<h5 class="heading-white">Latest Posts</h5>
							<div class="footer-posts">
								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Axes is a simple and flexible</a>
									</h6>
									<span>11 Apr, 2015 / <a href="blog-single.html">10 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">This is perfect solution for you</a>
									</h6>
									<span>08 Apr, 2015 / <a href="blog-single.html">03 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Clean and flexible theme</a>
									</h6>
									<span>05 Apr, 2015 / <a href="blog-single.html">05 comments</a></span>
								</div> <!-- end entry -->
							</div> <!-- end footer posts -->
						</div> <!-- end latest posts -->

						<div class="col-md-3">
							<h5 class="heading-white">Recent Works</h5>
							<ul class="recent-works">
								<li>
									<a href="#">
										<img src="upload/recent_works_img_1.jpg" alt="img1">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_2.jpg" alt="img2">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_3.jpg" alt="img3">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_4.jpg" alt="img4">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_5.jpg" alt="img5">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_6.jpg" alt="img6">
									</a>
								</li>
							</ul>
						</div> <!-- end recent works -->
					</div> <!-- end row -->
				</div> <!-- end footer widgets -->			
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 text-center">
							<div class="copyright">
								©2015 Axes Theme  |  Designed by <a href="http://deothemes.com/">DeoThemes</a>
							</div>
						</div> <!-- end col -->
					</div> <!-- end row -->
				</div> <!-- end container -->
			</div> <!-- end bottom footer -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->
	

	<!-- jQuery Scripts -->
	<script src="js/jquery.min.js"></script>
 	<script type="text/javascript" src="js/lightbox.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="js/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/jquery.countTo.js"></script>
	<script type="text/javascript" src="js/jquery.appear.js"></script>
	<script type="text/javascript" src="js/plugins-scroll.js"></script>
	<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/wow.min.js"></script>

	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

	<!-- Custom Theme JavaScript -->
    <script src="js/scripts.js"></script>

	<!-- Revolution Slider -->
	<script type="text/javascript">
				jQuery(document).ready(function() {
					   jQuery('.tp-banner').revolution(
						{
							delay:9000,
							startwidth:1170,
							startheight:680,
							hideThumbs:10,

							navigationType:"bullet",							
							navigationStyle:"preview1",

							hideArrowsOnMobile:"on",
							
							touchenabled:"on",
							onHoverStop:"on",
							spinner:"spinner4"
						});
				});
	</script>

</body>
</html>